import React from 'react'

import { Link ,NavLink} from "react-router-dom";


import  './active.css'


              {/* 
                    <ul>
                        <li ><a href="/mine"> mine</a></li>
                        <li ><a href="/home"> home</a></li>
                    </ul> */}

export default class NavLinks extends React.Component {
    render() {
        return (
            <ul>

            {/* exact  去除 跟路径下高亮 */}

                <li>
                    <NavLink  exact to='/'>admin</NavLink>
                </li>
                <li>
                    <NavLink to='/mine'>mine</NavLink>
                </li>
                <li>
                    <NavLink to='/home'>home</NavLink>
                </li>
                <li>
                    <NavLink to='/list/100/zs'>list</NavLink>
                </li>

                <li>
                    <NavLink to='/news?id=1000&name=李斯'>news</NavLink>
                </li>
                <li>
                    <NavLink to='/books'>books</NavLink>
                </li>
{/* 
                <li>
                    <NavLink to='/parent/child1'> /parent/child1</NavLink>
                </li> */}

                <li>
                    <NavLink    to='/parent'> parent</NavLink>
                </li>
            </ul>
        )
    }
} 